<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="../css/main.css"/>
<link rel="stylesheet" type="text/css" href="../css/sub.css"/>
<link rel="stylesheet" type="text/css" href="../css/all_menu.css"/>
<link rel="stylesheet" type="text/css" href="../css/menu.css"/>
<link rel="stylesheet" type="text/css" href="../css/default.css"/>
<link rel="stylesheet" type="text/css" href="../skin/latest/recommend/style.css">
<link rel="stylesheet" type="text/css" href="../skin/latest/news/style.css">
<head>
<%
	String contextPath = request.getContextPath();
%>    
<script type="text/javascript" src="/js/jquery.backstretch.min.js"></script>
<script type="text/javascript">

</script>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div id="hd">
	<div id="hd_wrapper"> 
        <div id="logo2">
            <a href="<%=contextPath%>/main/index.do"><img src="http://www.wedaehan.com/img/logo2.png" alt="품 / 격 / 이 / 다 / 른 / 소 / 개 / 팅"></a>
        </div>
			<c:if test="${!empty id && membership!='9'}">
				<ul id="tnb">
				<li><a href="#">${id}님</a></li>
				<li><a href="#">Point : <font color="#BE4347">[${npoint}]</font></a></li>
	            <li><a href="<%=contextPath%>/member/myPage.do?id=${id}">MYPAGE</a></li>
	            <li><a href="<%=contextPath%>/mainPage/siteMap.do">SITE MAP</a></li>
	            <li><a href="<%=contextPath%>/member/logout.do">LOGOUT</a></li>
	        </ul>
			</c:if>
			<c:if test="${!empty id && membership=='9'}">
				<ul id="tnb">
				<li><a href="#">${id}</a></li>
				<li><a href="<%=contextPath%>/admin/adminPage.do?id=${id}">AdminPAGE</a></li>
	             <li><a href="<%=contextPath%>/mainPage/siteMap.do">SITE MAP</a></li>
	            <li><a href="<%=contextPath%>/member/logout.do">LOGOUT</a></li>
	        </ul>
			</c:if>
			<c:if test="${empty id}">
	        <ul id="tnb">
	            <li><a href="<%=contextPath%>/member/join.do">MEMBER</a></li>
	            <li><a href="<%=contextPath%>/member/login.do">LOGIN</a></li>
	            <li><a href="<%=contextPath%>/mainPage/siteMap.do">SITE MAP</a></li>
				<li><a href="<%=contextPath%>/mainPage/contactUs.do">CONTACT US</a></li>
	        </ul>
	        </c:if>
        
    </div>
   
     <nav id="gnb">
        <div id="logo">
			<a href="<%=contextPath%>/main/index.do"><img src="../image/all/13.png" width="400" height="45" title="우리결혼할래요?"></a>
		</div>
		<div id="gnb_1">
			<script type="text/javascript">
				$(document).ready(function() {
				$('ul.sf-menu').sooperfish({
				animationShow  : {width:'show'},
				speedShow:     400,
					animationHide  : {width:'hide'},
					speedHide:      100,
					autoArrows  : true
			 		});
				});
			</script>

		<script type="text/javascript">
		$(document).ready(function(){

			 $('.menu').hover(function() {
				 $(this).stop().animate({scrollTop:26}, 400);
			},function() {
				$(this).stop().animate({scrollTop:0}, 400);
			});

		});
		</script>

		<ul class="sf-menu" id="nav">
			<li>
				<a href="<%=contextPath%>/mainPage/companyInfo.do">
					<div class="menu" style="border:0px;height:21px; overflow:hidden;">
					우리결혼할까요<br>
					Company
					</div>
				</a>
				<ul>
					<li><a href="<%=contextPath%>/mainPage/companyInfo.do">왜 우리결혼할까요 인가?</a></li>
					<li><a href="<%=contextPath%>/commonBoard/list.do">공지사항</a></li>
					<li><a href="<%=contextPath%>/mainPage/managerIntro.do">매니저 소개</a></li>
					<li class="end"><a href="<%=contextPath%>/mainPage/contactUs.do">Contact us</a></li>
				</ul>
			</li>

			<li>
				<a href="<%=contextPath%>/mainPage/process.do">
					<div class="menu" style="border:0px;height:21px; overflow:hidden;">
					이용안내<br>
					<span style="letter-spacing:-0.07em">Great Dating</span>
					</div>
				</a>
				<ul>
					<li><a href="<%=contextPath%>/mainPage/process.do">진행안내</a></li>
					<li class="end"><a href="<%=contextPath%>/mainPage/price.do">가격안내</a></li>
				</ul>
			</li>
			
			<li>
				<a href="<%=contextPath%>/propose/write.do">
					<div class="new_icon"><img src="../image/all/new_icon.png"></div>
					<div class="menu" style="border:0px;height:21px; overflow:hidden;">
					회원서비스<br>
					Service
					</div>
				</a>
				<ul>
					<li><a href="<%=contextPath%>/propose/write.do">프로포즈</a></li>
					<li><a href="<%=contextPath%>/propose/search.do">이상형찾기</a></li>
					<li><a href="<%=contextPath %>/recommend/allList.do">회원현황</a></li>
					<li><a href="<%=contextPath %>/eventBoard/list.do">파티&미팅</a></li>
					<li class="end"><a href="<%=contextPath %>/dcourseBoard/list.do">데이트코스</a></li>
				</ul>
			</li>  
			

			<li>
				<a href="<%=contextPath %>/mainPage/query.do">
					<div class="menu" style="border:0px;height:21px; overflow:hidden;">
					문의&후기<br>
					Mypage
					</div>
				</a>
				<ul>
					<li><a href="<%=contextPath %>/mainPage/query.do">자주하는질문</a></li>
					<li><a href="<%=contextPath %>/qnaBoard/list.do">1:1문의사항</a></li>
					<li class="end"><a href="<%=contextPath %>/successBoard/list.do">성혼후기</a></li>
				</ul>
			</li>	
		</ul>		</div>
	</nav>

		<script type="text/javascript">
		$(document).ready(function(){
			$('#moblie_menu').slicknav();
		});
		</script>		
		</div>
</body>
</html>